<template>
  <div class="son">
    我女朋友叫{{girlfriend}}
    <button @click="handleClick">点击就告诉爸爸女朋友的名字</button>
  </div>
</template>
<script>
export default {
  data () {
    return {
      girlfriend: '翠花'
    }
  },
  methods: {
    handleClick () {
      console.log('告诉爸爸')
      // 1. 子组件通过调用$emit()函数，将数据发射给父组件。发射时需要携带以下参数：1. 自定义事件名称；2，发射的数据子组件通过调用$emit()函数，将数据发射给父组件。发射时需要携带以下参数：1. 自定义事件名称；2，发射的数据
      this.$emit('tellfather', this.girlfriend)
    }
  }
}
</script>
<style lang="less">
.son {
  background-color: pink;
}
</style>
